<template>
  <div class="_cart _p10" style="width: 250px">
    <div class="_font-title _m-b-5 _flex">
      <div @click="$comStore.login.logout()">
        {{ $comStore.login.user.account }}
        (<com-tool-ip></com-tool-ip>)
      </div>
      <div @click="drawer = true">Ai</div>
    </div>
    <com-time-show class="_m-b-5" />
    <com-tool-lovelive />
    <!-- <el-avatar @click="drawer = true">AI</el-avatar> -->
  </div>
  <el-drawer v-model="drawer" :with-header="false">
    <el-tabs type="border-card" class="demo-tabs">
      <el-tab-pane label="功能">
        <div class="_flex-space-x"></div>
      </el-tab-pane>
      <el-tab-pane label="资源">
        <ComResource />
      </el-tab-pane>
    </el-tabs>
  </el-drawer>
</template>
<script>
import ComToolIp from "@/components/com-tool-ip/com-tool-ip.vue";
import ComToolLovelive from "@/components/com-tool-lovelive/com-tool-lovelive.vue";
import ComTimeShow from "@/components/com-time-show/com-time-show.vue";
import ComResource from "../plugin/com-resource/com-resource.vue";
export default {
  components: {
    ComToolIp,
    ComToolLovelive,
    ComTimeShow,
    ComResource,
  },
  data() {
    return {
      drawer: false,
    };
  },
};
</script>
<style lang=""></style>
